<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><style>html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body{
  color:#444;
  font-family:"微软雅黑", Palatino, 'Palatino Linotype', Times,
              'Times New Roman', serif,
              "Hiragino Sans GB", "STXihei", "微软雅黑";
  font-size:12px;
  line-height:1.5em;
  background:#fefefe;
  width: 45em;
  margin: 10px auto;
  padding: 1em;
  outline: 1300px solid #FAFAFA;
}

a{ color: #06e; text-decoration:none;}
a:hover{ color: #06e;text-decoration: underline; }
a:active{ color:#faa700; }
a:focus{ outline: thin dotted; }
a:hover, a:active{ outline: 0; }

span.backtick {
  border:1px solid #EAEAEA;
  border-radius:3px;
  background:#F8F8F8;
  padding:0 3px 0 3px;
}

::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
::selection{background:rgba(255,255,0,0.3);color:#000}

a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}

p{
margin:1em 0;
}

img{
max-width:100%;
}
h1{margin:10px 0 20px;border-bottom:1px solid #eee;padding-bottom:10px;text-align: center;}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
color:#111;
line-height:1em;
}
h4,h5,h6{ font-weight: bold; }
h1{ font-size:2.5em; }
h2{ font-size:2em; border-bottom:1px solid #eee; padding-bottom:10px;box-shadow:0 5px -2px #f1f1f1}
h3{ font-size:1.5em; }
h4{ font-size:1.2em; }
h5{ font-size:1em; }
h6{ font-size:0.9em; }

blockquote{
color:#666666;
margin:25px 0;
padding-left: 3em;
border-left: 0.5em #EEE solid;
font-size:20px;
}
hr { display: block; height:1px;border:0; border-bottom:1px dashed #eee;margin: 1em 0; padding: 0;overflow:hidden; }


pre , code, kbd, samp { 
  color: #333; 
  font-family: monospace; 
  font-size: 0.88em; 
  border-radius:3px;
  background-color: #F8F8F8;
  border: 1px solid #CCC; 
}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 5px;}
pre code { border: 0px !important; }
code { padding: 0 3px 0 3px; color:#333;}

b, strong { font-weight: bold; color:#DD1144;}
em{color:#DD1144;font-style:normal;}
dfn { font-style: italic; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 10px 0; padding: 0 0 0 2em; }
li p:last-child { margin:0 }
dd { margin: 0 0 0 2em; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

@media only screen and (min-width: 480px) {
body{font-size:14px;}
}

@media only screen and (min-width: 768px) {
body{font-size:16px;}
}

@media print {
  * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
  body{font-size:12pt; max-width:100%;}
  a, a:visited { text-decoration: underline; }
  hr { height: 1px; border:0; border-bottom:1px solid black; overflow: hidden;}
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page :left { margin: 15mm 20mm 15mm 10mm; }
  @page :right { margin: 15mm 10mm 15mm 20mm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}</style></head><body><h2 id="2012">2012总结</h2>

<ol>
<li><p>工作</p>

<ul>
<li>开放平台</li>
</ul>

<blockquote>
  <p>入公司以来第一个比较大的项目，多人开发=&gt;沟通很重要，规范很重要</p>
</blockquote>

<ul>
<li><p><strong>电子书促销模板</strong></p></li>
<li><p><strong>手机客户端下载</strong></p></li>
</ul>

<blockquote>
  <p>无后台，所有数据手工添加到静态页面，所需数据从需求方挤牙膏似的挤过来,数据还需我和交互进一步加工=&gt;做事需耐心，遇到缺什么或不清楚地的地方需要及时跟交互或产品方沟通,避免后续的修改</p>
  
  <p>写了自己第一个jquery插件，了解了jquery插件大概的写法=&gt;写出一个插件简单，写好一个插件还是有些难度的</p>
</blockquote>

<ul>
<li><strong>云平台flash多文件上传</strong></li>
</ul>

<blockquote>
  <p>本地预览，多文件上传，上传进度监控，异常状态处理=&gt;如果涉及到与后台的数据交互，需要事先与后台沟通好数据的交互方式及数据接口问题</p>
  
  <p>本地预览的实现方法:load->Event.COMPLETE->loadBytes</p>
</blockquote>

<ul>
<li>电视tv客户端</li>
</ul>

<blockquote>
  <p>多人参与，项目很急，得益于老朱前期充分的准备，后面页面开发相当快，按时完成=&gt;前期准备和规范制作很有必要，虽然会花一些时间，但让整个项目事半功倍</p>
</blockquote>

<ul>
<li>电子书书城iphone客户端</li>
</ul>

<blockquote>
  <p>配合开发了一些页面=&gt;学到手机端开发的注意点：</p>
  
  <p>css元素大小50%</p>
  
  <p>display:-webkit-box代替float</p>
  
  <p>重复多且比较小的背景图可采用base64方式</p>
</blockquote>

<ul>
<li><p><strong>LG活动页flash</strong></p></li>
<li><p>其他一些页面的开发、修改、优化</p></li>
</ul></li>
</ol>

<hr />

<ol>
<li><p>学习</p>

<ul>
<li><strong>前端开发规范</strong></li>
<li><strong>前端性能优化</strong></li>
<li><strong>php框架<code>codeigniter</code></strong></li>
<li>订餐系统(10.21.145.41/lunch)</li>
<li>前端资料库(10.21.145.41/share)</li>
<li><strong>web 3d</strong></li>
<li><p><code>Flash 3d</code>,<code>WebGL</code>,<code>Unity</code>,<code>WireFusion</code></p>

<blockquote>
  <p>新仙剑页游：</p>
</blockquote>

<p><img src="file://D:\Personal\Desktop\yx4St6Fd4PZ8/12090712/1.jpg" alt="img" title="1.jpg" /></p>

<p><img src="file://D:\Personal\Desktop\yx4St6Fd4PZ8/12090712/2.jpg" alt="img" title="2.jpg" /></p></li>
</ul></li>
</ol>

<hr />

<ol>
<li><p>总结</p>

<blockquote>
  <p>开发规范和性能优化只是知道了个大概，没能深入和运用到实际项目中，js方面
  也只是停留在表层，没有深入，学的东西泛而不精（前端的学习是先快后慢，由窄变宽的过程），与人沟通较少，喜欢自己埋头学。希望2013年在以上方面能有比较大的提高或改观。</p>
</blockquote></li>
</ol>

<h2 id="2013">2013计划</h2>

<ol>
<li><p>工作</p>

<ul>
<li><p>认真负责做好每个项目</p></li>
<li><p>项目按照制定的开发规范来做</p></li>
<li><p>性能优化方法运用到具体的项目中来</p></li>
<li><p>通过进一步学习js，能够写出优美的js代码</p></li>
</ul></li>
</ol>

<hr />

<ol>
<li><p>学习</p>

<ul>
<li>前端开发规范</li>
<li>前端性能优化</li>
<li>深入学习js的面向对象及其他特性机制</li>
<li>用js开发一款小游戏</li>
<li>web 3d</li>
<li><code>Flash 3d</code>,<code>WebGL</code>,<code>Unity</code></li>
<li>完善前端资料库功能</li>
</ul></li>
</ol>

<hr />

</body></html>